<title>printArea 页面打印</title>
<!-- 
    github：https://github.com/RitsC/PrintArea
    当前版本：v2.4.1
    作用概述：打印页面元素(依赖jquery)
    插件兼容：ie11，FF 28.0，Chrome 33.0.1750.154
    集成时间：2018年5月1日

说明：
    本插件有两种模式：在当前页（默认）和在新窗口页面（popup），本示例演示的是新窗口页面，大部分情况下使用默认模式即可，本示例只是演示如何加入参数而已。

使用步骤
    1、打开config.js文件，在extend配置中加入printArea，如下
        ,'printArea'
    2、浏览器访问本页面即可看到样例。 例如：http://localhost/start/index.html#/test/printArea
 
 -->
<div id="LAY_test_printArea_pre">
    <div>这里是打印区域</div>
    <div id="" class="layui-btn">如果没有背景色，请点击 更多设置 - 背景图形</div>
    <table class="layui-table">
        <colgroup>
            <col width="150">
            <col width="200">
            <col>
        </colgroup>
        <thead>
            <tr>
                <th>昵称</th>
                <th>加入时间</th>
                <th>签名</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>贤心</td>
                <td>2016-11-29</td>
                <td>人生就像是一场修行</td>
            </tr>
            <tr>
                <td>许闲心</td>
                <td>2016-11-28</td>
                <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
            </tr>
        </tbody>
    </table>

</div>
<div id="LAY_test_printArea_btn" class="layui-btn">点我打印</div>
<script type="text/javascript">
layui.use(['printArea'], function() {
    var $ = layui.$;
    //该插件为标准jq插件，依赖jquery，因此可以不在layui.use中写jquery
    //并且不需要var printArea = layui.printArea;
    //直接用layui.$即可
    
    // $('#LAY_test_printArea_pre').printArea();//页面加载就弹出打印也是可以的。

    $('#LAY_test_printArea_btn').click(function() {
        // $('#LAY_test_printArea_pre').printArea(); //默认为在当前窗口中打印。
        $('#LAY_test_printArea_pre').printArea({mode:'popup', popClose:true}); //打开一个新窗口，并在打印完成后自动关闭改窗口
    });
    
/**
 *在源码中已经说明了都有哪些参数是可以用的。绝大部分情况可以不加参数直接打印即可。
 *
 *  {OPTIONS}   | [type]     | (default), values      | Explanation
 *  ---------   | ---------  | ---------------------- | -----------
 *  @mode       | [string]   | (iframe),popup         | printable window is either iframe or browser popup
 *  @popHt      | [number]   | (500)                  | popup window height
 *  @popWd      | [number]   | (400)                  | popup window width
 *  @popX       | [number]   | (500)                  | popup window screen X position
 *  @popY       | [number]   | (500)                  | popup window screen Y position
 *  @popTitle   | [string]   | ('')                   | popup window title element
 *  @popClose   | [boolean]  | (false),true           | popup window close after printing
 *  @extraCss   | [string]   | ('')                   | comma separated list of extra css to include
 *  @retainAttr | [string[]] | ["id","class","style"] | string array of attributes to retain for the containment area. (ie: id, style, class)
 *  @standard   | [string]   | strict, loose, (html5) | Only for popup. For html 4.01, strict or loose document standard, or html 5 standard
 *  @extraHead  | [string]   | ('')                   | comma separated list of extra elements to be appended to the head tag
 */

});
</script>